<script type="text/javascript" src="media/js/jquery.validate.min.js"></script>
<script language="javascript">
$(function(){
    $("#forget").validate({
    rules: 
    {
        email: 
        { 
            required: true,
            email: true
            //remote: "users/check_email"
        },
        captcha:
        {
            required: true,
            remote: "users/check_captcha"
        }
    },
    messages:
    {
        email: 
        { 
            required: "กรุณากรอกอีเมล์",
            email: "กรุณากรอกอีเมล์ให้ถูกต้อง"
            //remote: "อีเมล์นี้ไม่สามารถใช้งานได้"
        },
        captcha:
        {
            required: "กรุณากรอกตัวอักษรตัวที่เห็นในภาพ",
            remote: "กรุณากรอกตัวอักษรให้ตรงกับภาพ"
        }
    }
    });
});
</script>


<h1><?=lang('forgot')?></h1>
<br>

<div class="row">
    <div class="span9">
        <form id="forget" class="form-horizontal" method="post" action="users/forget_pass_save">
            <div class="control-group">
                <label class="control-label" for="inputEmail"><?=lang('email')?></label>
                <div class="controls">
                  <input type="text" name="email" id="inputEmail" placeholder="<?=lang('email')?>">
                </div>
            </div>
            <div class="control-group">
                <label class="control-label" for="inputCaptcha"><?=lang('captcha')?></label>
                <div class="controls">
                  <img src="users/captcha" /><Br>
                  <input type="text" name="captcha" id="inputCaptcha" placeholder="<?=lang('captcha')?>">
                </div>
            </div>
            <div class="control-group">
                <div class="controls">
                  <button type="submit" class="btn btn-mini btn-info"><?=lang('send')?></button>
                </div>
            </div>
        </form>
    </div>
</div>